﻿<!DOCTYPE html>
<html class="no-js" lang="zxx">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="description" content="TravelStar - Tour, Travel, Travel Agency Template">
    <meta name="keywords" content="Tour, Travel, Travel Agency Template">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TravelStar - Tour, Travel & Travel Agency Template</title>
    <!-- Google Fonts Includes -->
    <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">
    <!-- Favi icon -->
    <link rel="shortcut icon" type="image/x-icon" href="../static/images/favicon.ico">
    <!-- bootstrap v3.3.6 css -->
    <link rel="stylesheet" href="../static/css/assets/bootstrap.min.css">
    <!-- animate css -->
    <link rel="stylesheet" href="../static/css/assets/animate.css">
    <!-- Button Hover animate css -->
    <link rel="stylesheet" href="../static/css/assets/hover-min.css">
    <!-- jquery-ui.min css -->
    <link rel="stylesheet" href="../static/css/assets/jquery-ui.min.css">
    <!-- meanmenu css -->
    <link rel="stylesheet" href="../static/css/assets/meanmenu.min.css">
    <!-- owl.carousel css -->
    <link rel="stylesheet" href="../static/css/assets/owl.carousel.min.css">
    <!-- slick css -->
    <link rel="stylesheet" href="../static/css/assets/slick.css">
    <!-- chosen.min-->
    <link rel="stylesheet" href="../static/css/assets/jquery-customselect.css">
    <!-- font-awesome css -->
    <link rel="stylesheet" href="../static/css/assets/font-awesome.min.css">
    <!-- magnific Css -->
    <link rel="stylesheet" href="../static/css/assets/magnific-popup.css">
    <!-- Revolution Slider -->
    <link rel="stylesheet" href="../static/css/assets/revolution/layers.css">
    <link rel="stylesheet" href="../static/css/assets/revolution/navigation.css">
    <link rel="stylesheet" href="../static/css/assets/revolution/settings.css">
    <!-- Preloader css -->
    <link rel="stylesheet" href="../static/css/assets/preloader.css">
    <!-- custome css -->
    <link rel="stylesheet" href="../static/css/style.css">
 <!-- responsive css -->
    <link rel="stylesheet" href="../static/css/responsive.css">
    <link rel="stylesheet" href="../static/css/master.css">
    <link rel="stylesheet" href="../static/css/master.css">
    <!-- modernizr css -->
    <script src="../static/js/vendor/modernizr-2.8.3.min.js"></script>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<!-- 前端传回一个alert判断值，如果alert=1就alert（‘...’） -->
<script>
    var t={{ alter }}
    if (t=='1'){
        alert("搜索地名未找到或搜索为空")
    }
</script>
<div id="loader-wrapper">
    <div id="loader"></div>
    <div class="loader-section section-left"></div>
    <div class="loader-section section-right"></div>
</div>
<header>
    <div class="header_top_area">
        <div class="container">
            <div class="row">
                <div class="col-12 col-xs-12 col-sm-12 col-md-12 col-lg-12">
                </div>
            </div>
        </div>
    </div> <!-- header top end -->

   <div class="main_nav">
        <div class="container">
            <div class="row">
                <div class="col-md-10">
                    <nav>
                        <ul class="main-menu text-right">
                            <li class="active"><a href="{{url_for('mainpage')}}">主页</a>
                            </li>
							
							<li><a href="{{url_for('personinfor')}}">智能推荐</a>
                            </li>
							
                            <li><a href="{{url_for('Recommend')}}">精准推荐</a>

                            </li>
                         
                            <li><a href="{{url_for('Wish_list')}}">心愿清单</a>
							</li>
							
                            <li><a href="{{url_for('luxian')}}">我的路线</a>
							</li>
							
                            <li><a href="{{url_for('contact')}}">电子导游</a></li>
                        </ul>
                    </nav>
                </div> <!-- main menu end here -->
            </div>
        </div>
    </div> <!-- header-bottom area end here -->
</header> <!-- header area end here -->

    <!-- slider area start here -->
    <section class="slider-area-2 slider-area-3">
        <div class="rev_slider_wrapper">
            <div id="rev_slider_4" class="rev_slider" style="display:none">
                <!-- BEGIN SLIDES LIST -->
                <ul>
                    <!-- first slider -->
                   <li data-transition="random-premium" data-title="Slide Title" data-param1="Additional Text" data-thumb="images/slider/slider_4_1.jpg">
                        <!-- SLIDE'S MAIN BACKGROUND IMAGE -->
                        <img src="../static/images/slider/slider_4_1.jpg" alt="" data-bgposition="center center" data-kenburns="on" data-duration="10000" data-ease="Linear.easeNone" data-scalestart="100" data-scaleend="120" data-rotatestart="0" data-rotateend="0" data-offsetstart="0 -500" data-offsetend="0 500" data-bgparallax="10" class="rev-slidebg" data-no-retina>
                        <div class="image-overlay"></div>
                        <!-- BEGIN BASIC TEXT LAYER -->
                        <!-- LAYER NR. 2 -->
                        <div class="tp-caption sfr font-extra-bold tp-resizeme letter-space-4 title-line-4" data-x="['left', 'left', 'left', 'left']" data-hoffset="0" data-y="center" data-voffset="-120" data-frames='[{"delay":0,"speed":3000,"frame":"0","from":"x:[175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:1;","mask":"x:[-100%];y:0;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' style="z-index: 6; color:#fff; font-family:'Poppins', sans-serif; white-space: nowrap; font-weight:700;">
                            <h2 style="font-size:60px; line-height: 65px;">开启你的旅程</h2>

                        </div>

                        <!-- LAYER NR. 3 -->
                        <!-- LAYER NR. 4 -->
                        <div class="tp-caption font-lora sfb tp-resizeme letter-space-5 header-p4" data-x="left" data-hoffset="0" data-y="center" data-voffset="0" data-frames='[{"delay":1000,"speed":3000,"frame":"0","from":"x:[175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:1;","mask":"x:[-100%];y:0;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'  style="z-index: 7; font-size:30px; color:#fff; font-family:'Poppins', sans-serif; max-width: auto; max-height: auto; white-space: nowrap; font-weight:400;">
                            清晨和夜晚，溪水和高山，略过不少江河山川。
                        </div>

                       <!-- LAYER NR. 6 -->
                        <div class="tp-caption lfb tp-resizeme header-btn-4" data-x="left" data-hoffset="0" data-y="center" data-voffset="120" data-frames='[{"delay":0,"speed":2000,"frame":"0","from":"y:bottom;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' style="z-index: 8;font-size:30px;" ><a href="{{url_for('personinfor')}}" class="travel-primary-btn hvr-shutter-out-vertical">开始</a>

                    <!-- end first slider -->
                   <!-- first slider -->
                    <li data-transition="random-premium" data-title="Slide Title" data-param1="Additional Text" data-thumb="images/slider/slider_4_2.jpg">
                        <!-- SLIDE'S MAIN BACKGROUND IMAGE -->
                        <img src="../static/images/slider/slider_4_2.jpg" alt="" data-bgposition="center center" data-kenburns="on" data-duration="10000" data-ease="Linear.easeNone" data-scalestart="100" data-scaleend="120" data-rotatestart="0" data-rotateend="0" data-offsetstart="0 -500" data-offsetend="0 500" data-bgparallax="10" class="rev-slidebg" data-no-retina>
                        <div class="image-overlay"></div>
                        <!-- BEGIN BASIC TEXT LAYER -->
                        <!-- LAYER NR. 2 -->
                        <div class="tp-caption sfr font-extra-bold tp-resizeme letter-space-4 title-line-4" data-x="['left', 'left', 'left', 'left']" data-hoffset="0" data-y="center" data-voffset="-120" data-frames='[{"delay":0,"speed":3000,"frame":"0","from":"x:[175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:1;","mask":"x:[-100%];y:0;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' style="z-index: 6; color:#fff; font-family:'Poppins', sans-serif; white-space: nowrap; font-weight:700;">
                            <h2 style="font-size:60px; line-height: 65px;">开启你的旅程</h2>

                        </div>

                        <!-- LAYER NR. 3 -->

                        <!-- LAYER NR. 4 -->
                        <div class="tp-caption font-lora sfb tp-resizeme letter-space-5 header-p4" data-x="left" data-hoffset="0" data-y="center" data-voffset="0" data-frames='[{"delay":1000,"speed":3000,"frame":"0","from":"x:[175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:1;","mask":"x:[-100%];y:0;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'  style="z-index: 7; font-size:30px; color:#fff; font-family:'Poppins', sans-serif; max-width: auto; max-height: auto; white-space: nowrap; font-weight:400;">
                            清晨和夜晚，溪水和高山，略过不少江河山川。
                        </div>

                        <!-- LAYER NR. 6 -->
                        <div class="tp-caption lfb tp-resizeme header-btn-4" data-x="left" data-hoffset="0" data-y="center" data-voffset="120" data-frames='[{"delay":0,"speed":2000,"frame":"0","from":"y:bottom;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' style="z-index: 8;"><a href="#" class="travel-primary-btn hvr-shutter-out-vertical">开启你的旅程</a>
                        </div>
                    </li><!-- end first slider -->
                </ul><!-- END SLIDES LIST -->
            </div><!-- END SLIDER CONTAINER -->
        </div><!-- END SLIDER CONTAINER WRAPPER -->
    </section><!-- slider area end here -->

<section class="search_area search_area_4" id="search_area_2">
    <div class="container">
        <div class="row">
            <div class="col-12 col-md-12">
                <div class="search_form">
                    <form action="#" method="post">
                        <div class="form_wrapper">
                            <div class="form-group">
                                <label><i class="fa fa-map-marker"></i></label>
                                <input type="text" name="s1" id="keyword2" class="hotel-input-first" placeholder="请输入景点名称">
                            </div>
                            <div class="searc-btn-7">
                                <button type="submit">搜索</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section> <!-- header tab based search area end-->



<section class="popular-packages popular_packages_4" id="popular_packages_3">
    <div class="container">
        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="section-title">
                    <h2>受欢迎的旅游地</h2>
                </div>
            </div>
        </div>
        <div class="row">
            {% for view in views %}
            <div class="col-12 col-sm-6 col-md-6 col-lg-4">
                <div class="single-package">
                    <div class="package-image">
                        <a href="{{view.Website}}"> <img src="{{view.Picture}}" alt="" width="800px" height="688"></a>
                    </div>
                    <div class="package-content">
                        <h3><a href="{{view.Website}}" id="view_name">{{view.Name}}</a></h3>
                        <button style="border-Radius:0px; text-decoration:true;color:#727272"  class="btn btn-default" data-toggle="modal" data-target="#myModal{{view.Name}}">
	景点详情>>>
</button>

<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal{{view.Name}}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close " data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
			</div>
			<div class="modal-body">
				<h3>{{view.Name}}</h3>
                <hr/>
                简介：{{view.Information}}
                <hr/>
                门票：{{view.Menpiao}}
                <hr/>
                开放时间：{{view.Opentime}}
                <hr/>
                地址：{{view.Location}}


			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">关闭
				</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>
                    </div>
                    <div class="package-calto-action">
                        <ul class="ct-action">
                            <li><a id="button" type="button" style="background:#FFFFFF" class="collect-button travel-booking-btn hvr-shutter-out-horizontal">添加到心愿清单</a>
                            </li>
                            <li>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            {% endfor %}
            <div class="col-12 col-sm-6 col-md-6 col-lg-4">
                <div class="single-package">
                    <div class="package-image">
                        <a href="../static/index_show/地点/泰山.html"><img src="../static/index_show/地点/img/1.jpg" alt="" width="800px" height="688"></a>
                    </div>
                    <div class="package-content">
                        <h3><a href="../static/index_show/地点/泰山.html">泰山</a></h3>
                    </div>
                    <div class="package-calto-action">
                        <ul class="ct-action">
                            <li><a href="#" class="travel-booking-btn hvr-shutter-out-horizontal">预定</a>
                            </li>
                            <li>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                            </li>
                        </ul>
                    </div>
                </div>
            </div> <!-- single package end -->

            <div class="col-12 col-sm-6 col-md-6 col-lg-4">
                <div class="single-package">
                    <div class="package-image">
                        <a href="../static/index_show/地点/五四广场.html"><img src="../static/index_show/地点/img/2.1.jpeg" alt=""></a>
                    </div>
                    <div class="package-content">
                        <h3><a href="../static/index_show/地点/五四广场.html">五四广场</a></h3>
                    </div>
                    <div class="package-calto-action">
                        <ul class="ct-action">
                            <li><a href="index_show/地点/3.html" class="travel-booking-btn hvr-shutter-out-horizontal">预定</a>
                            </li>
                            <li>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                            </li>
                        </ul>
                    </div>
                </div>
            </div> <!-- single package end -->

            <div class="col-12 col-sm-6 col-md-6 col-lg-4">
                <div class="single-package">
                    <div class="package-image">
                        <a href="../static/index_show/地点/双廊古镇.html"><img src="../static/index_show/地点/img/3.1.jpeg" alt="">
                        </a>
                    </div>
                    <div class="package-content">
                        <h3><a href="" title="">双廊古镇</a></h3>
                    </div>
                    <div class="package-calto-action">
                        <ul class="ct-action">
                            <li><a href="" class="travel-booking-btn hvr-shutter-out-horizontal">预定</a>
                            </li>
                            <li>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                            </li>
                        </ul>
                    </div>
                </div>
            </div> <!-- single package end -->

            <div class="col-12 col-sm-6 col-md-6 col-lg-4">
                <div class="single-package">
                    <div class="package-image">
                        <a href="../static/index_show/地点/乌镇.html"><img src="../static/index_show/地点/img/4.1.jpeg" alt="">
                        </a>
                    </div>
                    <div class="package-content">
                        <h3><a href="../static/index_show/地点/乌镇.html" >乌镇</a></h3>
                    </div>
                    <div class="package-calto-action">
                        <ul class="ct-action">
                            <li><a href="#" class="travel-booking-btn hvr-shutter-out-horizontal">预定</a>
                            </li>
                            <li>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                            </li>
                        </ul>
                    </div>
                </div>
            </div> <!-- single package end -->

            <div class="col-12 col-sm-6 col-md-6 col-lg-4">
                <div class="single-package">
                    <div class="package-image">
                        <a href="../static/index_show/地点/黄山.html"><img src="../static/index_show/地点/img/3.2.jpeg" alt="">
                        </a>
                    </div>
                    <div class="package-content">
                        <h3><a href="" title="">黄山</a></h3>
                    </div>
                    <div class="package-calto-action">
                        <ul class="ct-action">
                            <li><a href="#" class="travel-booking-btn hvr-shutter-out-horizontal">预定</a>
                            </li>
                            <li>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                            </li>
                        </ul>
                    </div>
                </div>
            </div> <!-- single package end -->

            <div class="col-12 col-sm-6 col-md-6 col-lg-4">
                <div class="single-package">
                    <div class="package-image">
                        <a href="../static/index_show/地点/故宫.html"><img src="../static/index_show/地点/img/5.jpeg" alt="">
                        </a>
                    </div>
                    <div class="package-content">
                        <h3><a href="../static/index_show/地点/故宫.html">故宫</a></h3>
                    </div>
                    <div class="package-calto-action">
                        <ul class="ct-action">
                            <li><a href="#" class="travel-booking-btn hvr-shutter-out-horizontal">预定</a>
                            </li>
                            <li>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                            </li>
                        </ul>
                    </div>
                </div>
            </div> <!-- single package end -->
        </div>

    </div>
</section> <!--end  popular packajge -->







    <div class="to-top pos-rtive">
        <a href="#"><i class = "fa fa-angle-up"></i></a>
    </div>    <!-- Scroll to top jump button end-->

    <!-- ============================
            JavaScript Files
    ============================= -->

    <!-- jquery latest version -->
    <script src="../static/js/vendor/jquery-3.2.0.min.js"></script>
    <script src="../static/js/vendor/modernizr-2.8.3.min.js"></script>
    <!-- bootstrap js1 -->
    <script src="../static/js/bootstrap.min.js"></script>
    <!-- owl.carousel js1 -->
    <script src="../static/js/owl.carousel.min.js"></script>
    <!-- slick js1 -->
    <script src="../static/js/slick.min.js"></script>
    <!-- meanmenu js1 -->
    <script src="../static/js/jquery.meanmenu.min.js"></script>
    <!-- jquery-ui js1 -->
    <script src="../static/js/jquery-ui.min.js"></script>
    <!-- wow js1 -->
    <script src="../static/js/wow.min.js"></script>
    <!-- counter js1 -->
    <script src="../static/js/jquery.counterup.min.js"></script>
    <!-- Countdown js1 -->
    <script src="../static/js/jquery.countdown.min.js"></script>
    <!-- waypoints js1 -->
    <script src="../static/js/jquery.waypoints.min.js"></script>
    <!-- Isotope js1 -->
    <script src="../static/js/isotope.pkgd.min.js"></script>
    <!-- magnific js1 -->
    <script src="../static/js/jquery.magnific-popup.min.js"></script>
    <!-- Image loaded js1 -->
    <script src="../static/js/imagesloaded.pkgd.min.js"></script>
    <!-- chossen js1 -->
    <script src="../static/js/chosen.jquery.min.js"></script>
    <script src="../static/js/assets/revolution/jquery.themepunch.revolution.min.js"></script>
    <script src="../static/js/assets/revolution/jquery.themepunch.tools.min.js"></script>
    <!-- Revolution Extensions -->
    <script src="../static/js/assets/revolution/extensions/revolution.extension.actions.min.js"></script>
    <script src="../static/js/assets/revolution/extensions/revolution.extension.carousel.min.js"></script>
    <script src="../static/js/assets/revolution/extensions/revolution.extension.kenburn.min.js"></script>
    <script src="../static/js/assets/revolution/extensions/revolution.extension.layeranimation.min.js"></script>
    <script src="../static/js/assets/revolution/extensions/revolution.extension.migration.min.js"></script>
    <script src="../static/js/assets/revolution/extensions/revolution.extension.navigation.min.js"></script>
    <script src="../static/js/assets/revolution/extensions/revolution.extension.parallax.min.js"></script>
    <script src="../static/js/assets/revolution/extensions/revolution.extension.slideanims.min.js"></script>
    <script src="../static/js/assets/revolution/extensions/revolution.extension.video.min.js"></script>
    <script src="../static/js/assets/revolution/revolution.js"></script>
    <!-- Jquery plugin -->
    <script src="../static/js/plugins.js"></script>
    <!-- select2 js1 plugin -->
    <script src="../static/js/select2.min.js"></script>
    <script src="../static/js/colors.js"></script>
    <!-- Jquery plugin -->
    <script src="../static/js/jquery-customselect.js"></script>
    <!-- main js1 -->
    <script src="../static/js/custom.js"></script>
    <script>
        $(document).ready(function(){
        shouji={{shouji}};
        if(!shouji){
        alert('请先上传个人信息');
        return false;
        }
        }
        )
    </script>

</body>
</html>
